<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
</head>
<body>
    <!-- 第一种写法  行内 -->
    <!-- <input type="button" value="111" onclick="alert('hello world')"> -->
    <!-- 第二种写法  在script标签中  内嵌式 -->
    <!-- <script>
        // alert('script limian hello world');
    </script> -->

    <!-- 第三种 外部文件 -->
    <!-- 一般来说  放在/body上面
    js文件 为了让页面动起来
    -->
    <!-- <script src="1.js"></script> -->
    <script>
        // 注释
        // 单行注释  双斜杠
        /* 多行注释
            斜杠星   星斜杠
        */

        // 输出语句
        // 1 alert 用户看得到
        // alert('1111');
        // 2 console  控制台打印 用户看不着
        // console.log('1111');

        // // 输入
        // var a=prompt('请输入内容');
        // console.log(a);

        // java 和 js其中一个区别
        // java是强类型语言  js 是弱类型语言
        var a=1;
        var str='xiaoxie';
        console.log(typeof str);



        // 案例  交换两个变量 
        var a1='红苹果';
        var a2='青苹果';
        // 定义一个中间变量
        var a3; // 桌子

        a3=a2; // 第二只手上的苹果放桌子上
        a2=a1;  // 第一只手给第二只手
        a1=a3;  // 把桌子上的苹果拿起来

        console.log('a1',a1);
        console.log('a2',a2);
    </script>
</body>

</html>